<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<base href="<%=request.getContextPath()%>/">
<link rel="stylesheet" type="text/css" href="static/css/tianjia.css">
<link rel="stylesheet" href="static/css/shangchuantupiananniu.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script src="static/js/jquery-1.12.4.js"></script>

<script>
	function demo(file) {
		if (file.files && file.files[0]) {
			var reader = new FileReader();
			reader.onload = function(evt) {
				$(".tupiankuang img").attr("src", evt.target.result);
			}
			reader.readAsDataURL(file.files[0]);
		} else {
			$(".tupiankuang img").attr("src", evt.target.result);
		}
	}
	$(function() {
		
		$(".tupiananniu").on('click', function() {
			$(".bj").css("display", "block");
			$(".mk").css("display", "block");
		});
		$(".mk").on('click', '.anniu4,.cha', function() {
			$(".bj").css("display", "none");
			$(".mk").css("display", "none");
		});
	})
</script>
<style>
.b{
   	margin-left: 177px;
    margin-top: -41px;
}

.anniu4 {
	    width: 100px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    background: #ff6600;
    margin: 8px 0 0px 20px;
    color: white;
    font-size: 14px;
    box-shadow: 0 1px 3px #c3c3c3;
    line-height: 29px;
    border: none
}
.tupiankuang {
	width: 100px;
	height: 100px;
	margin: 11px 0px 5px 133px;
}
</style>
<body>
	<div class="bj"></div>
	<form method="post" action="tianjia" enctype="multipart/form-data">
		<div class="mk">
			<div class="logo">
				<span>上传logo</span> <img class="cha" src="static/img/close.png" />
			</div>
			<div class="tupiankuang">
				<img width="100px" height="100px">
			</div>
			<a class="file" style="margin-left:77px; margin-top:18px">选择文件
			<input class="file1" type="file" name="file" onchange="demo(this)" />
			</a>
			<div class="b">
			<input type="button" class="anniu4" value="提交" />
			</div>
		</div>
		<div>
			<div>
				<div class="jbxxnr">
					<span>基本信息内容</span>
				</div>
				<div class="jbxxwz">
					<div class="nr">
						<table>
							<tr>
								<td>标题:</td>
								<td><input class="var_1" type="text" name="webbt" id="bt"
									value="${webbtt}" /></td>
							</tr>
							<tr>
								<td>url:</td>
								<td><input class="var_1" type="text" value="${weburll }"
									name="weburl" /></td>
							</tr>
							<tr>
								<td>排序:</td>
								<td><input class="var_1" type="text" value=""
									name="webpaixu" /></td>
							</tr>
							<tr>
								<td>图片:</td>
								<td><input type="button" class="tupiananniu" value="选择文件" />
									<input type="text" class="aa" name="aa" value="${webimgg}">
									<input type="text" class="aa" name="id" value="${weburltypeid}">
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="anniuwz">
			
				<input class="anniu1" type="submit" value="提交" />
	</form>
	<a href="systemhdp"><input class="anniu2" type="button" value="返回" /></a>
	</div>
	</form>
	</div>
</body>
</html>